描述:jquery.pngFix.js 基于jQuery为核心的,兼容IE5.5及以上版本浏览器的PNG透明插件,细心的朋友会发现,在IE5.5与IE6.0中,PNG会显示灰色的背景, 而不是透明的背景,有些人误认为是PNG图像的问题,在图像软件中任凭怎么调整都解决不了问题,其实问题出在浏览器身上,IE7及以上版本已解决了PNG 透明问题,但现在仍有不少用户在使用IE6及以下版本,因此如果想让你的PNG图像在多种浏览器下都表现良好,本插件可帮你解决问题,附有使用示例。
特别注意:当使用背景定位的图像,这个就不起作用了!
比如说 <div style="background-image: url(datu.png);top:100px;left:20px;width:339px;height:54px;" class="logo"></div>,如果你一定要用这个PNG图片的话而且在IE6下,建议你把这个图片单独抓出来使用。或者你 直接用几句代码屏蔽IE6就可以了!
图片展示:
兼容浏览器:IE5.5,IE6
官方链接:http://jquery.andreaseberhard.de/
JS下载:http://www.ijquery.cn/js/jquery.pngFix.js
预览: http://www.ijquery.cn/study/demo/pngfix
打包下载:http://www.ijquery.cn/study/demo/pngfix/pngfix.zip
参数说明:无
JS引用代码:
<script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://www.ijquery.cn/js/jquery.pngFix.js"></script> <script language="javascript"> $(function(){ $(‘div.logo’).pngFix( ); }); </script>
HTML代码:
<div> <img src="logo.png" border="0" class="logo"/> </div>
CSS代码:无
注意:这里还有一个特别的用法,如果一个页面的PNG图片太多怎么办,不能一个一个的写吧。这里用一句代码就可以解决。如下:
$(document).find('*').each(function(){$(this).pngFix()});